<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--<script src="http://code.jquery.com/jquery-latest.js"></script>-->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/basic_form_style.css" rel="stylesheet" type="text/css" />
<link href="css/table_style1.css" rel="stylesheet" type="text/css" />
<script src="jquery/js/jquery-1.7.2.min.js"></script>
<style type="text/css">
.inpute{
		clear:both;
		text-align:left;
		}

</style>

<script type="text/javascript">
	
	
	function showStudent()
	 {  
		var input_value=document.getElementById('studentId').value;
		if (input_value!="")
		{
			//using ajax library from jquery
			//0 for presentig personal details 
			//1 for presenting class details
				$.getScript('content/find_ajax.php?id='+input_value+"&s=0", function(){student();});	
		}
		else
			{alert("Please enter Student Id");}
		}
	
</script>
</head>

<body>
<table width="950" height="327" border="0">
  <tr>
    <td colspan="2"> <center> 
      <h2 class="primeHead">Students Details</h2>
    </center></td>
  </tr>
 
  <tr>
    <td width="655" height="180"><form id="form1" name="form1" method="post" action="">
      <h4><center>
        <h3>Enter bellow student's id number to see his relevant details:</h3>
      </center></h4>
      <table width="300" border="0" align="center">

        <tr>
          <td height="50" class="subHead">STUDENT ID:</td>
          <td><center>
          		<label for="textfield2"></label>
            	<input type="text" name="textfield2" id="studentId" />
            </center>
            </td>
            
        </tr>
        <tr>
        	<td> &nbsp </td>
          <td height="65"><center><input type="submit" width="100px" style="font-size:17px" class="TriggerButton" name="details" id="details" value="Personal Details" onClick="showStudent();return false;"/></center></td>
        </tr>
        
      </table>
    </form></td>
    <td width="279"><img src="image/search.jpg" width="308" height="234" alt="find" /></td>
  </tr>
  <tr>
    <td height="180" colspan="2" >
    <h3 id="avi" style="margin-left:305px; color:#FFFFFF"></h3>
    </td>
  </tr>
</table>
</form>
</body>
</html>